<template>
    <div class="card_box">
        <h2>
            {{config.demoOption.title}}
        </h2>
        <p>
            {{config.demoOption.data}}
        </p>
    </div>
</template>

<script>
export default {
    props: {
        config: {
            type: Object,
        },
    },
};
</script>

<style lang="scss" scoped>
    .card_box {
        width: 100%;
        height: 100%;
        // background: url('../../assets/images/card.png') no-repeat center;
        background-size: 100% 100%;
        text-align: center;
        h2 {
            font-size: 24px;
            color: #D5E1F9;
            margin: 0;
            padding: 82px 0 63px;
            line-height: 33px;
            font-weight: normal;
        }
        p {
            font-size: 75px;
            line-height: 69px;
            color: #fff;
            text-align: center;
            margin: 0;
        }
    }
</style>